<template>
  <div>
    <!-- 头部返回按钮 -->
    <div class="header">
      <div
        class="text"
        @click="okk"
      >
        <i class="iconfont icon-back"></i>
        <span class="text1">
          <i class="iconfont icon-fanhui"></i>
          消息通知
        </span>
      </div>
    </div>

    <div
      class="nurse-info"
      @click="toNurseDetail"
    >
      <div class="left-tip">
        <div class="person">
          <div class="icon">
            <img
              class="avatar"
              src="@/assets/images/333.jpg"
            >
          </div>
        </div>
        <div style="left-box">
          <div class="nurse-name">张大爷</div>
          <div class="nurse-bg">单号:123456789</div>
        </div>
        <div style="right-box">
          <mt-button
            class="botton-one"
            type="primary"
            size="small"
          >接受</mt-button>
          <mt-button
            type="danger"
            size="small"
          >拒绝</mt-button>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    okk() {
      this.$router.go(-1); // 返回上一层
    },
    quit() {
      localStorage.removeItem("Token");
      this.$router.push({
        name: "login",
      });
    },
  },
};
</script>

<style scoped>
.header {
  height: 1.5rem;
  width: 100%;
  background: #96d596;
}
.text {
  padding-top: 4%;
  font-size: 0.55rem;
  color: white;
}
.iconfont {
  font-size: 0.55rem;
}
.confirmButton {
  display: flex;
  justify-content: center;
  width: 90%;
  margin: 0.5rem;
  background: #96d596;
  color: azure;
}
.confirmButton .but {
  background: #96d596;
}
.nurse-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.nurse-info .edit-person-info {
  margin-right: 10%;
  font-size: 0.45rem;
}
.avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50px;
  background: blanchedalmond;
  margin-right: 3%;
}
.left-tip .nurse-name {
  font-size: 0.5rem;
  margin-left: 10px;
}
.left-tip .nurse-bg {
  font-size: 0.35rem;
  color: rgb(129, 121, 121);
  margin-left: 10px;
  margin-top: 4px;
}
.nurse-info .left-tip {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3% 5% 3% 3%;
}
.left-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.right-box {
  display: flex;
  margin-left: 22%;
  align-items: center;
  justify-content: space-around;
}
.botton-one {
  margin-left: 0.6rem;
  margin-right: 0.45rem;
}
</style>
